@import "../_mixin";

.transaction_records {
	background-color: #fff;

	table {
		width: 100%;

		tr {
			border-bottom: 1px solid #dddddd;
		}

		th {
			height: 1.173333rem;
			background-color: #efefef;
			color: #666;
			font-weight: bold;
			@include font-dpr(16px);

			&:first-child {
				padding: 0 0.4rem;
				width: 32%;
			}

			&:last-child {
				text-align: center;
			}
		}

		td {
			height: 1.866667rem;
			line-height: 160%;
			color: #999;
			@include font-dpr(14px);

			&:first-child {
				padding: 0 0.4rem;
			}

			&.in {
				color: $primaryColor;
			}

			&.out {
				color: #7acf15;
			}

			&:last-child {
				text-align: center;
			}

			a {
				display: block;
				color: #04d;
			}
		}
	}
}